﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Apprentices.Master" AutoEventWireup="true"
    CodeBehind="Registration.aspx.cs" Inherits="LongQuanWeb.Apprentice.Registration" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

    <script type="text/javascript" src="../Script/jquery.easing.1.3.js"></script>

    <script type="text/javascript" src="../Script/jquery.drag.js"></script>

    <script type="text/javascript" src="../Script/jquery.scrollbar.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            var num = "<%=year%>";
            $(".year" + num + " li:first-child").addClass("active"); //页面加载时选中第一个子项
            $(".m-frame" + num + "").removeClass("none").addClass("block"); //页面加载时第一个年份显示
            $("#current-title").html($(this).find(".info-title").html());
            $("#current-date").html($(this).find(".info-date").attr("title"));
            $("#current-intro").html($(this).find(".info-intro").html());
            $("#current-img").html($(this).find(".info-img").html());

            $(".year-tab").click(function() {
                var year = $(this).html();
                year = $.trim(year);
                $(".command-bar").find(".active").removeClass("active");
                $(this).addClass("active");
                $(".milestone-list").find(".active").removeClass("active");
                $(".year-frame").hide();
                $(".m-list-frame").hide();
                $(".m-frame" + year).show();
                $(".year" + year).fadeIn(1200).show();
                $(".year" + year + " li:first-child").click();
            });
            $(".milestone-item").click(function() {
                var barMoved = $(this).parent().parent().css('top');
                barMoved = parseInt(barMoved.match(/^(-?\d+)/)[0], 10); //去掉px 也可以用.position()再.top获得 top
                var thisPosition = $(this).attr("position");
                $("#pointer-left").animate({
                    top: 67 * thisPosition + 17 + barMoved
                }, 400);
                $(".milestone-item").removeClass("active");
                $(this).addClass("active");
                $("#current-title").html($(this).find(".info-title").html());
                $("#current-date").html($(this).find(".info-date").attr("title"));
                $("#current-intro").html($(this).find(".info-intro").html());
                $("#current-img").html($(this).find(".info-img").html());
            });
        });
    </script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <div class="menu4">
        <div class="jieshao left">
            <a class="menu-date4" href="Introduction.aspx" onfocus="if(this.blur)this.blur()"><span>
            </span></a>
        </div>
        <div class="jidi left">
            <a class="menu-date4" href="PracticeBase.aspx" onfocus="if(this.blur)this.blur()"><span>
            </span></a>
        </div>
        <div class="baoming baoming_on left">
            <a class="menu-date4" href="#" onfocus="if(this.blur)this.blur()"><span></span></a>
        </div>
        <div class="youxiubang left">
            <a class="menu-date4" href="Outstanding.aspx" onfocus="if(this.blur)this.blur()"><span>
            </span></a>
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="command-bar arial">
        <div class="year-tab  active ">
            <%=year %></div>
        <div class="year-tab">
            <%= int.Parse(year)-1 %></div>
        <div class="year-tab">
            <%=int.Parse(year) - 2%></div>
        <div class="year-tab">
            <%=int.Parse(year) - 3%></div>
        <div class='clr'>
        </div>
    </div>
    <div class='milestone-list'>
        <div class="m-img-frame left">
            <div class="t">
            </div>
            <div class="c relative">
                <h2 id="current-title">
                </h2>
                <div id="current-date">
                </div>
                <div id="current-img">
                    <img width="450" src="../Images/sub01.jpg" alt="布瑞官网上线" />
                </div>
                <div id="current-intro">
                </div>
                <div>
                </div>
            </div>
            <div class="b">
            </div>
        </div>
        <div class="relative right">
            <div id="pointer-left" class="absolute">
            </div>
            <asp:Repeater ID="rpt_active" runat="server" OnItemDataBound="rpt_active_ItemDataBound">
                <ItemTemplate>
                    <div class="m-list-frame m-frame<%# Eval("year") %> none">
                        <ul class="year-frame year<%# Eval("year") %> active">
                            <asp:Repeater ID="rpt_activecontent" runat="server">
                                <ItemTemplate>
                                    <li class="selfclear milestone-item" position="<%#Container.ItemIndex %>"><a class=" info-date"
                                        title="<%# Eval("createtime")%>"><span class="d">
                                            <%# Eval("month") %>月 </span><span class="m m<%# Eval("month") %>"></span></a>
                                        <h3 class="info-title right">
                                            <%# LongQuanWeb.App_Code.Common.GetTitle(Eval("BaseName").ToString().Trim(), 10)%></h3>
                                        <div class="info-intro none">
                                            <%# LongQuanWeb.App_Code.Common.GetTitle(Eval("BaseDescrption").ToString().Trim(), 580)%></div>
                                        <p class="info-img none">
                                            <img width="450" alt="<%# Eval("BaseName")%>" src="../Upload/PracticeBase/<%# Eval("PicPath")%>" />
                                        </p>
                                        <div class='clr'>
                                        </div>
                                    </li>
                                </ItemTemplate>
                            </asp:Repeater>
                        </ul>
                        <div class='clr'>
                        </div>
                    </div>
                </ItemTemplate>
            </asp:Repeater>
        </div>
        <div class='clr'>
        </div>
    </div>
</asp:Content>
